<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
    <meta content='Timesheet.js' property='og:title'>
    <meta content='With Timesheet.js you can create simple time and data sheets using HTML5, JavaScript and CSS3.' property='og:description'>
    <meta content='js/timesheet.js/' property='og:url'>
    <meta content='669118929' property='fb:admins'>
    <title>Timesheet.js - Open time tables with HTML, JavaScript and CSS …</title>
    <script src="js/timesheet-ec6cdbbf.js" type="text/javascript"></script>
	<script src="js/main-60a953af.js" type="text/javascript"></script>
    
    <link href="css/all-65c9e5e3.css" rel="stylesheet" type="text/css" />
    
  </head>
  <body class='index'>
    
    <div id='container'>
      <div id='box'>
        <div id='box-inner'>
          <h1>
            Timesheet<span>.js</span>
          </h1>
          <p>Visualize your data and events with sexy <span>HTML5</span> and <span>CSS3</span>. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well …</p>
          <div id='timesheet-default'></div>
          <p>Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by mighty you.</p>
          <code><pre>&lt;script src=&quot;/javascripts/timesheet.js&quot; type=&quot;text/javascript&quot; /&gt;</pre></code>
          <p>Create a simple time sheet based on a JS array of events:</p>
          <code><pre>new Timesheet('timesheet', 2002, 2013, [&#x000A;  ['2002', '09/2002', 'A freaking awesome time', 'lorem'],&#x000A;  ['06/2002', '09/2003', 'Some great memories', 'ipsum'],&#x000A;  ['2003', 'Had very bad luck'],&#x000A;  ['10/2003', '2006', 'At least had fun', 'dolor'],&#x000A;  ['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'],&#x000A;  ['07/2005', '09/2005', 'Bad luck again', 'default'],&#x000A;  ['10/2005', '2008', 'For a long time nothing happened', 'dolor'],&#x000A;  ['01/2008', '05/2009', 'LOST Season #4', 'lorem'],&#x000A;  ['01/2009', '05/2009', 'LOST Season #4', 'lorem'],&#x000A;  ['02/2010', '05/2010', 'LOST Season #5', 'lorem'],&#x000A;  ['09/2008', '06/2010', 'FRINGE #1 &amp; #2', 'ipsum']&#x000A;]);</pre></code>
          <p>It's that simple to use <span>Timesheet.js</span>. So, have a nice day, thank you for smoking and maybe try using Timesheet.js with custom styles. Inspired by Ilya …</p>
        </div>
      </div>
    </div>
    
  </body>
</html>
